<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>商品操作</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <link rel="stylesheet" type="text/css" href="css/mui.min.css"/>
	<link rel="stylesheet" type="text/css" href="css/mui.picker.css"/>
	<link rel="stylesheet" type="text/css" href="css/mui.poppicker.css"/>
    <style type="text/css">

		.content .mui-card .mui-card-content {
			background: #f7f7f7;
		}
		
		.content .mui-card .mui-table-view .mui-media-object {
			width: 100px;
			height: 100px;
			max-width: 100px;
		}
		
		.content .mui-card .mui-table-view p {
			color: #333;
			flex: 0 0 70%;
		}
		
		.content .mui-card .right-content {
			text-align: right;
		}
		
		.content .mui-card .right-content em {
			color: #888;
			font-size: 0.9em;
		}
		.content .right-content p{
			color: #e53e30 !important;
		}
		#sub,
		.opera{
			width: 100% !important;
		}
		.radio{
			display: flex;
		}
		.code{
			width: 40% !important;
		}
    </style>
</head>
<body>
	
	<header class="mui-bar mui-bar-nav">
		<a href="javascript:history.go(-1)" class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		<h1 class="mui-title">商品操作</h1>
	</header>
    
    <div class="mui-content content">
    	
    	<div class="mui-card">
    		<!--页眉，放置标题-->
    		<div class="mui-card-header">
    			商品货号：1548307644
    		</div>
    		<!--内容区-->
    		<div class="mui-card-content">
    			<ul class="mui-table-view">
    				<li class="mui-table-view-cell mui-media">
    					<div>
    						<img class="mui-media-object mui-pull-left" src="img/1548171278a.jpg">
    						<div class="mui-media-body">
    							<p class="mui-ellipsis-2">Mistine维他命E梦幻变色润唇膏泰国小草莓唇膏保湿滋润</p>
    							<div class="right-content">
    								<p>￥ 26.00</p>
    								<em>×9999</em>
    							</div>
    						</div>
    					</div>
    				</li>
    			</ul>
    	
    		</div>
    		<!--页脚，放置补充信息或支持的操作-->
    		<div class="mui-card-footer id">
				<form class="mui-input-group" action="/" method="get">
					<div class="mui-input-row radio">
					    <label>是否上架</label>
						<div class=" mui-radio mui-left">
						    <label>是</label>
						    <input name="shelf" type="radio" value="1"checked>
						</div>
						<div class=" mui-radio mui-left">
						    <label>否</label>
						    <input name="shelf" type="radio" value="0" >
						</div>
					</div>
					<div class="mui-input-row">
						<label class="name">修改价格</label>
						<input type="number" class="n_name code" name="price" placeholder="请输入修改的价格" value="666">
						<button type="button" class="mis mui-btn mui-btn-outlined" id="price">修改价格</span></button>
					</div>
					<div class="mui-input-row">
						<label class="name">修改库存</label>
						<input type="number" class="n_name code" name="num" placeholder="请输入库存数" value="9999">
						<button type="button" class="mis mui-btn mui-btn-outlined" id="num">修改库存</span></button>
					</div>
					<div class="mui-input-row radio">
					    <label>是否拼团</label>
						<div class=" mui-radio mui-left">
						    <label>是</label>
						    <input name="group" type="radio" value="1">
						</div>
						<div class=" mui-radio mui-left">
						    <label>否</label>
						    <input name="group" type="radio" value="0" checked>
						</div>
					</div>
					<div class="mui-input-row">
						<label class="name">拼团价格</label>
						<input type="number" class="n_name code" name="group_price" placeholder="请输入拼团价格" value="66">
						<button type="button" class="mis mui-btn mui-btn-outlined" id="group_price">修改价格</span></button>
					</div>
					<div class="mui-input-row radio">
					    <label>是否秒杀</label>
						<div class=" mui-radio mui-left">
						    <label>是</label>
						    <input name="spike" type="radio" value="1">
						</div>
						<div class=" mui-radio mui-left">
						    <label>否</label>
						    <input name="spike" type="radio" value="0" checked>
						</div>
					</div>
					<div class="mui-input-row">
						<label class="name">秒杀价格</label>
						<input type="number" class="n_name code" name="spike_price" placeholder="请输入秒杀价格" value="66">
						<button type="button" class="mis mui-btn mui-btn-outlined" id="spike_price">修改价格</span></button>
					</div>
					<div class="mui-input-row">
						<label class="name">秒杀时段</label>
						<input type="text" class="n_name" placeholder="请点击" id="spike_time" readonly value="04:00">
					</div>
					<input type="hidden" name="id" value="1" />
					<div class="change mui-input-row">
						<button type="button" id="sub" class="mui-btn mui-block mui-btn-danger">删除</button>
					</div>
				</form>
    		</div>
    	</div>
  
    </div>    
    
    <script src="js/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/mui.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/mui.picker.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/mui.poppicker.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/goods_operating.js" type="text/javascript" charset="utf-8"></script>
</body>
</html>
